import PubSub from 'pubsub-js';
import request from "../../utils/request";
import API from "../../config/API";

Page({
    data: {
        day: '',        // 天
        month: '',      // 月
        recommendList: [],      // 每日推荐歌曲列表
        index: 0,       // 点击音乐的下标
    },
    onLoad: function (options) {
        // 判断用户是否登录
        let loginUser = wx.getStorageSync('loginUser');
        if (!loginUser) {
            wx.showToast({
                title: '请先登录',
                icon: 'none',
                success: () => wx.reLaunch({ url: '/pages/login/login' })
            });
        }
        // 更新日期的状态数据
        let date = new Date();
        this.setData({ 
            day: date.getDate().toString().padStart(2, '0'), 
            month: (date.getMonth() + 1).toString().padStart(2, '0')
        });
        // 获取每日推荐歌曲
        request(API.recommendSong).then(resp => {
            if (resp.code === 200) {
                this.setData({ recommendList: resp.recommend });
            }
        });

        // 订阅来自 songDetail 页面的消息
        this.token = PubSub.subscribe('switchType', (_, { type, callback }) => {
            let { recommendList, index } = this.data;   
            type === 'prev' ? index-- : index++;
            // 判断新的下标是否合法
            (index < 0) && (index = recommendList.length - 1);
            (index >= recommendList.length) && (index = 0);
            // 更新下标
            this.setData({ index });
            let musicId = recommendList[index].id;
            // 将 musicId 回传给 songDetail 页面
            callback(musicId);
        });
    },
    // 前往歌曲详情页面
    toSongDetail(e) {
        let { song, index } = e.currentTarget.dataset;
        this.setData({ index });
        wx.navigateTo({ url: '/pages/songDetail/songDetail?musicId=' + song.id });
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
        // 取消订阅事件
        PubSub.unsubscribe(this.token);
    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})